import styled from "styled-components";

const CardWrapper = styled.div`
    width: ${props => props.width ? props.width : "100%"};
    height:${props => props.height ? props.height : "1.6rem"};
    background:${props => props.bgColor ? props.bgColor : "#cccccc"};
    color:${props => props.color ? props.color : "#ffffff"};
    padding: ${props => props.padding ? props.padding : ""};
    margin: ${props => props.margin ? props.margin : ""};
    border: ${props => props.border ? props.border : ""};
    border-radius: ${props => props.borderRadius ? props.borderRadius : ""};
`

const CardItemWrapper = styled.div`

`

export {
    CardWrapper,
    CardItemWrapper,
}